<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>NicePage demo</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="../static/css/layui.css" type="text/css" rel="stylesheet">


</head>

<BODY>
<center style="padding-top: 40px">
    <a style="font-size: 70px;font-weight: 500">客户信息管理系统 <span class="layui-badge layui-bg-blue">上品普瑞专属</span></a>
    </br>
    <div style="width: 80%;padding-top: 20px">
        <!--以下为两个必须div元素-->
        <div id="table"></div>
        <div id="pageBar"></div>
    </div>

</center>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>分割线</legend>
</fieldset>


</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/layui.js"></script>
<script type="text/javascript" src="js/nicePage.js"></script>
<script type="text/javascript">
    //标准json格式 目前只支持[{a:b,c:d},{a:b,c:d}]此种格式


    var  json ;
    $.ajax({
    	url: '/sppr/get',
    	type: 'GET',
        async: false,
    	dataType: 'json',

    	success: function (data1) {

            json = data1["data"];

    	}
    });


    //nameList与widthList的数组长度要一致
    var nameList = ['序号', '公司名称', '主营业务', '联系人', '邮编', '手机号url', '地址', '来源'] //table的列名
    var widthList = [100, 500, 100, 100, 100, 500, 300, 100] //table每列的宽度

    /**
     * 初始化设置nicepage组件    v1.0
     *-------------------------------------------------------------
     * 进行数据组装,与layui交互进行元素渲染
     *-------------------------------------------------------------
     * @param    {string}  table     table的div id
     * @param    {string}  bar     底部分页的div id
     * @param    {int}  limit     每页默认行数
     * @param    {string}  color     底部分页的颜色
     * @param    {array}  layout     底部分页的布局,具体可参考layui api
     *
     * @date     2018-10-19
     * @author   Thomas.dz <hzdz163@163.com>
     */
    $(function () {
        nicePage.setCfg({
            table: 'table',
            bar: 'pageBar',
            limit: 20,
            color: '#1E9FFF',
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
        });
    });//初始化完成
</script>

</html>
<body>

</body>